<div class="container">
  <div >
    <label style="text-align:right" class="col-sm-2 control-label">姓名：</label>
    <div class="col-sm-4 ">
      <input type="text" class="form-control" placeholder="请输入姓名" name="name" [(ngModel)]="regionInfo.name" required>
    </div>

    <label style="text-align:right" class="col-sm-2 control-label">性别：</label>
    <div>
      <input type="checkbox" style="width:50px" name="sexBoy" [(ngModel)]="checkBoy">男
      <input type="checkbox" style="width:50px" name="sexGirl" [(ngModel)]="checkGirl">女
    </div>
  </div>

  <div class="term">
    <label style="text-align:right" class="col-sm-2 control-label">所在期数：</label>
    <div class="col-sm-4">
      <select class="form-control" [(ngModel)]="regionInfo.termId" name="term">
        <option *ngFor="let option of termOptions" [value]="option.id">{{option.dictName}}</option>
      </select>
    </div>

    <div class="row">
      <label style="text-align:right" class="col-sm-2 control-label">所在地：</label>
      <div class="col-sm-4">
        <select class="form-control" [(ngModel)]="regionInfo.regionId" name="region">
          <option *ngFor="let option of regionOptions" [value]="option.id">{{option.dictName}}</option>
        </select>
      </div>
    </div>
  </div>


  <div class="region">
    <div>
      <label style="text-align:right" class="col-sm-2 control-label">所在地域：</label>
      <div class="col-sm-2">
        <select class="form-control" [(ngModel)]="regionInfo.proviceId" (change)="changeProvice($event.target.value)" name="provice">
          <option *ngFor="let option of provinceOptions" [value]="option.id">{{option.name}}</option>
        </select>
      </div>
      <div class="col-sm-2">
        <select class="form-control" [(ngModel)]="regionInfo.cityId" (change)="changeCity($event.target.value)" name="city">
          <option *ngFor="let option of cityOptions" [value]="option.id">{{option.name}}</option>
        </select>
      </div>
      <div class="col-sm-2">
        <select class="form-control" [(ngModel)]="regionInfo.countyId"  name="county">
          <option *ngFor="let option of countyOptions" [value]="option.id">{{option.name}}</option>
        </select>
      </div>
    </div>


    <div class="col-sm-2">
      <button type="submit" style="float:right;width: 100px" class="btn btn-primary" (click)="search(modal)">
        搜索
      </button>
    </div>
  </div>


  <!-- <div class="table">
    <label style="text-align:right" class="col-sm-2 control-label">地域信息：</label>
    <div class="col-sm-3 ">
      <input  id="pickerInput" class="form-control" [(ngModel)]="content" (ngModelChange)="change()" >
      <div style="color:white" id="poiResult"></div>
    </div>
    <div class="col-sm-2">
      <button type="submit" style="float:right;width: 100px" class="btn btn-primary" (click)="onClick()">
        搜索
      </button>
    </div>
  </div> -->



  <div id="gaodemap-container" class="gaodemap-container" tabindex="0"></div>


</div>